<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <meta name="format-detection" content="telephone=no,email=no,date=no,aItemress=no">
    <title>我的资料</title>
    <link rel="stylesheet" href="../../../css/aui.css">
    <link rel="stylesheet" type="text/css" href="../../../css/aui-flex.css" />
    <link rel="stylesheet" href="../../../css/main.css"/>
    <link rel="stylesheet" href="./css/my_data.css"/>
</head>
<body>
<section id="app" v-cloak>
<header class="aui-bar aui-bar-nav aui-bar-top">
    <a class="aui-pull-left" v-on:click="goBack()">
        <span class="aui-iconfont aui-icon-left"></span>
    </a>
        <div class="aui-title ">我的资料</div>
    <a class="aui-pull-right ">
        <div class="aui-pull-right">
               <div  v-on:click="successBtn()">保存</div>
         </div>
    </a>
</header>
    <div class="aui-flex-col aui-margin-b-15 dataTop"  onclick="openActionsheet()">
        <div class="aui-flex-item-9 aui-margin-l-10">
            <div class="aui-list-item-title aui-font-size-16">头像</div>
            <div class="aui-list-item-right aui-font-size-16">点击可选择添加手机里相片</div>
        </div>
        <div class="aui-flex-item-2">
            <div class="aui-list-item-media addImg" style="width: 3rem;">
                <img src="../../../images/1.png" class="aui-img-round" >
            </div>
        </div>
    </div>
    <div class="aui-content aui-margin-b-15">
        <ul class="aui-list ">
            <li class="aui-list-item aui-list-item-middle">
                <div class="aui-list-item-inner  aui-pull-left">
                   <i class="aui-iconfont aui-icon-my"></i>
                </div>
                <div class="aui-pull-right">
                    <input type="text" placeholder="请输入昵称" id="uName">
                </div>
                <div class="aui-pull-right aui-padded-t-5 aui-margin-r-15">
                    <i class="aui-iconfont aui-icon-right"></i>
                </div>
            </li>
            <li class="aui-list-item">
                <div class="aui-list-item-inner ">
                    身高
                </div>
                <div class="aui-pull-right">
                    <input type="text" placeholder="请输入身高" id="stature">
                </div>
                <div class="aui-pull-right aui-padded-t-5 aui-margin-r-15">
                    <i class="aui-iconfont aui-icon-right"></i>
                </div>
            </li>
            <li class="aui-list-item">
                <div class="aui-list-item-inner ">
                    体重
                </div>
                <div class="aui-pull-right">
                    <input type="text" placeholder="请输入体重" id="weight">
                </div>
                <div class="aui-pull-right aui-padded-t-5 aui-margin-r-15">
                    <i class="aui-iconfont aui-icon-right"></i>
                </div>
            </li>
            <li class="aui-list-item">
                <div class="aui-list-item-inner">
                    血型
                </div>
                <div class="aui-pull-right">
                    <input type="text" placeholder="请输入血型" id="blood">
                </div>
                <div class="aui-pull-right aui-padded-t-5 aui-margin-r-15">
                    <i class="aui-iconfont aui-icon-right"></i>
                </div>
            </li>
            <li class="aui-list-item">
                <div class="aui-list-item-inner">
                    出生日期
                </div>
                <div class="aui-pull-right aui-font-size-12">
                    <input type="text" placeholder="请输入出生日期" id="birth">
                </div>
                <div class="aui-pull-right aui-padded-t-5 aui-margin-r-15">
                    <i class="aui-iconfont aui-icon-right"></i>
                </div>
            </li>
        </ul>
    </div>
</section>
<footer class="aui-bar aui-bar-tab" id="footer">
    <div class="aui-bar-tab-item aui-active goHome"  >
        <i class="aui-iconfont aui-icon-home"></i>
        <div class="aui-bar-tab-label">首页</div>
    </div>
    <div class="aui-bar-tab-item goShop">
        <i class="aui-iconfont aui-icon-cart"></i>
        <div class="aui-bar-tab-label">购物车</div>
    </div>
    <div class="aui-bar-tab-item goMyCenter" >
        <i class="aui-iconfont aui-icon-my"></i>
        <div class="aui-bar-tab-label">个人中心</div>
    </div>
</footer>
    <script src="../../../js/zepto.min.js" ></script>
    <script type="text/javascript" src="../../../js/api.js"></script>
    <script type="text/javascript" src="../../../js/aui-tab.js"></script>
    <script type="text/javascript" src="../../../js/vue.min.js"></script>
    <script type="text/javascript" src="../../../js/aui-toast.js" ></script>
<script type="text/javascript" src="../../../js/aui-actionsheet.js" ></script>
    <script type="text/javascript" src="./js/my_data.js" ></script>
<script>
    var toast = new auiToast();
    var xpHome =  new Vue({
        el:'#app',
        data:{},
        methods:{
            goBack:function(){
                    window.location.href="../../my_center.html"
                     },
            //提交信息判断部分
            successBtn:function()  {
                var Params={};
                Params.uName = $("#uName").val(); //昵称
                Params.stature = $("#stature").val(); //身高
                Params.weight= $("#weight").val(); //体重
                Params.blood = $("#blood").val(); //血型
                Params.birth = $("#birth").val(); //出生日期
                if (!Params.uName) {
                    toast.custom({
                        title: "请输入昵称",
                        html: '',
                        duration: 2000
                    });
                    return false;
                }
                if (!Params.stature) {
                    toast.custom({
                        title: "请输身高",
                        html: '',
                        duration: 2000
                    });
                    return false;
                }
                if (!Params.weight) {
                    toast.custom({
                        title: "请输入体重",
                        html: '',
                        duration: 2000
                    });
                    return false;
                }
                if (!Params.blood) {
                    toast.custom({
                        title: "请输入血型",
                        html: '',
                        duration: 2000
                    });
                    return false;
                }
                if (!Params.birth) {
                    toast.custom({
                        title: "请输入出生日期",
                        html: '',
                        duration: 2000
                    });
                    return false;
                }

            }

        }
    });
//    apiready = function(){
//        api.parseTapmode();
//    }
//    var toast = new auiToast({
//    })
//    function showDefault(type) {
//        toast.success({
//            title: "提交成功",
//            duration: 1000
//        });
//    }
</script>
</body>

</html>